<%@ page contentType="text/html;charset=UTF-8" language="java" import="com.lee.dhsg.domain.Teacher" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
    Teacher teacher = (Teacher) session.getAttribute("TeacherSession");
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.css" />
    <script type="text/javascript" src="js/jquery.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script type="text/javascript" src="js/jquery.validate.js" ></script>
    <script type="text/javascript" src="js/messages_zh.js" ></script>
    <link rel="stylesheet" href="css/other.css" />
</head>
<style>
    .teacher-index{position: relative;width: 100%;height: 900px;}
    #course-contact{position: absolute;width: 100%;height: 900px;}
    #user-information{position: absolute;width: 100%;height: 500px;display: none;}
    #sale-account{position: absolute;width: 100%;height: 500px;display: none;}
    #comment{position: absolute;width: 100%;height: 500px;display: none;}
    #answer{position: absolute;width: 100%;height: 500px;display: none;}
    #course-upload{position: absolute;width: 100%;height: 500px;display: none;}
    #online-video{position: absolute;background-color: #EB9316;width: 100%;height: 500px;display: none;}
    .user-background div{text-align: center;margin: 20px auto;}
    .friendship{width: 100%;height: 400px;background-color: #3C3C3C;}
    #user-information .col-lg-7{position: relative;}
    /*#user-information .col-lg-7 .user-info_1{position: absolute;width: 100%;height: 500px;}*/
    #user-information .col-lg-7 .user-info_2{position: absolute;width: 100%;height: 500px;margin-top: 30px;}
    #flip1,#flip2,#flip3,#flip4,#flip5,#flip6{padding:15px;padding-left:25px;text-align:left;cursor:pointer;
        border:solid 1px #c3c3c3;font-family: "微软雅黑";font-size: 14px;color: #666666;}
    #panel1,#panel2,#panel3,#panel4,#panel5,#panel6{padding:5px;text-align:left;border:solid 1px #c3c3c3;font-family: "微软雅黑";font-size: 15px;color: #444444;}
    #panel1,#panel2,#panel3,#panel4,#panel5,#panel6{display:none;}
    tr{height: 70px;}
    td{padding-top: 30px;text-align: left;vertical-align: middle!important; }
    #panel1 .row{margin-top: 10px;}
    #panel1 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    .user-info_2 #panel2 .row{margin-top: 10px;}
    .user-info_2 #panel2 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    .user-info_2 #panel3 .row{margin-top: 10px;}
    .user-info_2 #panel3 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    .user-info_2 #panel4 .row{margin-top: 10px;}
    .user-info_2 #panel4 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    .user-info_2 #panel5 .row{margin-top: 10px;}
    .user-info_2 #panel5 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    .user-info_2 #panel6 .row{margin-top: 10px;}
    .user-info_2 #panel6 .row .col-lg-2,.col-lg-1,.col-lg-4{vertical-align: middle!important;text-align: center;line-height: 30px;}
    #visit-class-list .navbar-nav{position: relative;}
    #visit-class-list .navbar-nav ul{position: absolute;}

</style>
<body>

<!-- 教师评论回复模态窗-->
<div class="container">
    <div class="modal fade" id="Mymodal-comment">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal">&times;</button>
                    <h4>评论回复窗口</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>课程名称</label>
                        <input type="text" class="form-control" name="username">
                    </div>
                    <div class="form-group">
                        <label>回复内容</label>
                        <textarea class="form-control" rows="5"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary">提交</button>
                    <button class="btn btn-default" data-dismiss="modal">取消</button>

                </div>
            </div>
        </div>
    </div>
</div>
<!--教师回复问答模态窗-->
<div class="container">
    <div class="modal fade" id="Mymodal-answer">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal">&times;</button>
                    <h4>问答窗口</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>课程名称</label>
                        <input type="text" class="form-control" name="username">
                    </div>
                    <div class="form-group">
                        <label>回复问答概要</label>
                        <textarea class="form-control" rows="5"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary">提交</button>
                    <button class="btn btn-default" data-dismiss="modal">取消</button>

                </div>
            </div>
        </div>
    </div>
</div>




<nav class="navbar navbar-default ">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="courseofT" class="navbar-brand">大好时光</a>
        </div>

        <div class="navbar-collapse collapse">
            <input class="span2" id="appendedInputButton" type="text">
            <button class="btn" type="button">搜索</button>
            <ul class="nav navbar-nav navbar-right">

                <li>
                    <img src="<%=teacher.getIcon()%>" class="img-circle"/>
                </li>
                <li><%=teacher.getUsername()%> ! 你好啊！喝茶还是喝咖啡？</li>
                <li><a href="teacherLogout" >退出登陆</a></li>
            </ul>
        </div>

    </div>

</nav>

<div class="container">
    <ul class="breadcrumb" id="breadcrumb">
        <li><a href="#" id="submit2">个人信息</a> <span class="divider"></span></li>
        <li><a href="#" id="submit1">课程内容</a> <span class="divider"></span></li>
        <li><a href="#" id="submit3">出售记录</a> <span class="divider"></span></li>
        <li><a href="#" id="submit4">我的评论</a> <span class="divider"></span></li>
        <li><a href="#" id="submit5">我的问答</a> <span class="divider"></span></li>
        <li><a href="#" id="submit6">上传课程</a> <span class="divider"></span></li>
        <li><a href="#" id="submit7">直播链接</a></li>
    </ul>
</div>

<div class="container teacher-index">
    <!--老师发布的课程-->
    <div class="row" id="course-contact">
        <div class="container intro-class">
            <div class="row">
                <div class="row">
                    <nav class="navbar" id="visit-class-list">
                        <div class="container">
                            <div class="navbar-collapse">
                                <ul class="nav navbar-nav">
                                    <li class="nav-menu"><a href="#">一级类别1</a>
                                        <ul>
                                            <li><a href="#">二级类别1</a></li>
                                            <li><a href="#">二级类别1</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-menu"><a href="#">一级类别2</a>
                                        <ul>
                                            <li><a href="#">二级类别2</a></li>
                                            <li><a href="#">二级类别2</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-menu"><a href="#">一级类别3</a>
                                        <ul>
                                            <li><a href="#">二级类别3</a></li>
                                            <li><a href="#">二级类别3</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-menu"><a href="#">一级类别4</a>
                                        <ul>
                                            <li><a href="#">二级类别4</a></li>
                                            <li><a href="#">二级类别4</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-menu"><a href="#">一级类别5</a>
                                        <ul>
                                            <li><a href="#">二级类别5</a></li>
                                            <li><a href="#">二级类别5</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-menu"><a href="#">一级类别6</a>
                                        <ul>
                                            <li><a href="#">二级类别6</a></li>
                                            <li><a href="#">二级类别6</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <!-- 搜索模块-->




                            </div>

                        </div>

                    </nav>
                </div>
                <h2>我发布的课程</h2>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="container intro-class">
            <div class="row">
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="container intro-class">
            <div class="row">
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <img src="img/11.png" />
                    <h4>课程名称</h4>
                    <p>课程信息课程信息课程信息</p>
                    <form>
                        <div>
                            <span class="input-group-lg btn btn-primary">修改</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--用户信息-->
    <div class="row" id="user-information">
        <div class="col-lg-1"></div>
        <div class="row">
            <div class="user-background">
                <div>
                    <img src="img/播放器UI/bg.jpg" class="img-circle"/>
                </div>
                <div>
                    <strong>Mr.LEE</strong>
                </div>
                <!--<div>
                    <button class="btn  btn-info" type="button" id="user-info_2">安全设置</button>
                </div>-->
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-2">昵称:</div>
                <div class="col-lg-4">
                    Mr.Lee
                </div>
                <div class="col-lg-2 text-right">
                    <form>
                        <div>
                            <a>修改</a>
                        </div>
                    </form>
                </div>
                <div class="col-lg-4">修改后次日生效</div>
            </div>
            <div class="row">
                <div class="col-lg-2">性别:</div>
                <div class="col-lg-4">
                    男
                </div>
                <div class="col-lg-2 text-right">
                    <form>
                        <div>
                            <a>修改</a>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2">生日:</div>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option>1991</option>
                        <option>1992</option>
                        <option>1993</option>
                        <option>1994</option>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                        <option>1998</option>
                        <option>1999</option>
                        <option>2000</option>
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                        <option>2004</option>
                        <option>2005</option>
                    </select>
                </div>
                <div class="col-lg-1">年</div>
                <div class="col-lg-2">
                    <select class="form-control">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                    </select>
                </div>
                <div class="col-lg-1">月</div>
            </div>
            <div class="row">
                <div class="col-lg-2">电话:</div>
                <div class="col-lg-4">
                    1300000000
                </div>
                <div class="col-lg-2 text-right">
                    <form>
                        <div>
                            <a>修改</a>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2">头像:</div>
                <div class="col-lg-4">
                    <img src="img/实例图片.jpg" />
                </div>
                <div class="col-lg-2 text-right">
                    <form>
                        <div>
                            <a>修改</a>
                        </div>
                    </form>
                </div>
            </div>

        </div>
        <div class="container">
            <div class="col-lg-7">
                <div class="row user-info_2">
                    <div id="flip2">密码修改</div>
                    <div id="panel2">
                        <div class="row">
                            <div class="col-lg-2">原密码:</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">新密码:</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">重复新密码:</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">确认修改</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div id="flip3">手机绑定</div>
                    <div id="panel3">
                        <div class="row">
                            <div class="col-lg-2">手机号:</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">发送验证码</button>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">验证码:</div>
                            <div class="col-lg-2">
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">确认绑定</button>
                                </form>
                            </div>
                        </div>
                    </div>

                    <!--<div id="panel4">
                       <div class="row">
                           <div class="col-lg-1"></div>
                              <div class="col-lg-2">
                                  <form>
                                      <button type="button" class="btn btn-primary btn-block">选择图像</button>
                                  </form>
                              </div>
                              <div class="col-lg-8">
                                     <small>请上传jpg、png格式，640*640像素，5M以下图片，头像修改后部分页面次日生效</small>
                              </div>
                       </div>
                       <div class="row">
                              <div class="col-lg-1"></div>
                              <div class="col-lg-5">
                                    <img src="img/demo_header.jpg" />
                              </div>
                              <div class="col-lg-3">
                                    <img src="img/demo_header_circle.jpg" class="img-circle"/>
                              </div>
                       </div>
                       <div class="row">
                              <div class="col-lg-2"></div>
                              <div class="col-lg-2">
                                  <form>
                                      <button type="button" class="btn btn-primary btn-block">确认修改</button>
                                  </form>
                              </div>
                      </div>
                    </div>-->
                    <div id="flip5">邮箱绑定</div>
                    <div id="panel5">
                        <div class="row">
                            <div class="col-lg-2">邮箱:</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">发送验证码</button>
                                </form>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2">验证码:</div>
                            <div class="col-lg-2">
                                <input type="text" class="form-control" id="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">确认绑定</button>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div id="flip6">实名认证</div>
                    <div id="panel6">
                        <div class="row">
                            <div class="col-lg-2">身份证号：</div>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="name">
                            </div>
                            <div class="col-lg-2">
                                <form>
                                    <button type="button" class="btn btn-primary btn-block">确认绑定</button>
                                </form>
                            </div>
                        </div>


                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--课程出售记录-->
    <div class="row" id="sale-account">
        <div id="shoppingcar">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive m-t">
                            <table class="table invoice-table">
                                <thead>
                                <tr>
                                    <th>课程出售记录</th>
                                    <th>数量</th>
                                    <th>单价</th>
                                    <th>购买用户</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        <div><strong>java进阶</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div>
                                            <strong>前端基础</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>

                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div><strong>IOS基础</strong></div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div><strong>java进阶</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div><strong>java进阶</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div><strong>java进阶</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div><strong>java进阶</strong>
                                        </div>
                                    </td>
                                    <td>1</td>
                                    <td>&yen;1280.00</td>
                                    <td>用户名</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- /table-responsive -->

                        <!--<table class="table invoice-total">
                            <tbody>


                                <tr>
                                    <td><strong>总计</strong>
                                    </td>
                                    <td>&yen;7411.60</td>
                                </tr>
                            </tbody>
                        </table>-->
                        <!--<div class="text-right">
                            <button class="btn btn-primary"><i class="fa fa-dollar"></i> 去付款</button>
                        </div>-->

                        <!--<div class="well m-t"><strong>注意：</strong> 请在30日内完成付款，否则订单会自动取消。
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--教师回复评论-->
    <div class="row" id="comment">
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>评论文案评论文案评论文案评论文案评论文案评论文案评论文案评论
                            文案评论文案评论文案评论文案评论文案评论文
                            案评论文案评论文案评论文案评论文案评论文案</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>评论文案评论文案评论文案评论文案评论文案评论文案评论文案评论
                            文案评论文案评论文案评论文案评论文案评论文
                            案评论文案评论文案评论文案评论文案评论文案</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>评论文案评论文案评论文案评论文案评论文案评论文案评论文案评论
                            文案评论文案评论文案评论文案评论文案评论文
                            案评论文案评论文案评论文案评论文案评论文案</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>评论文案评论文案评论文案评论文案评论文案评论文案评论文案评论
                            文案评论文案评论文案评论文案评论文案评论文
                            案评论文案评论文案评论文案评论文案评论文案</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
    </div>
    <!--教师回复问答-->
    <div class="row" id="answer">
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>用户的问题用户的问题用户的问题用户的问题用户的问题用户的问题
                            用户的问题用户的问题用户的问题用户的问题用户的问题</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>用户的问题用户的问题用户的问题用户的问题用户的问题用户的问题
                            用户的问题用户的问题用户的问题用户的问题用户的问题</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>用户的问题用户的问题用户的问题用户的问题用户的问题用户的问题
                            用户的问题用户的问题用户的问题用户的问题用户的问题</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
        <div class="row">
            <div class="col-lg-9">
                <div class="col-md-2"></div>
                <div class="col-md-1">
                    <img src="img/touxiang.png" class="img-circle"/>
                </div>
                <div class="col-md-8">
                    <p>用户名</p>
                    <small style="color: #9D9D9D;">来自：章节，课时6-3</small>
                    <div style="border-left: 2px #000000;">
                        <p>用户的问题用户的问题用户的问题用户的问题用户的问题用户的问题
                            用户的问题用户的问题用户的问题用户的问题用户的问题</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 text-center">
                <form>
                    <button class="btn btn-primary">详情</button>
                </form>
            </div>

        </div>
    </div>
    <!--教师上传视频-->
    <div class="row" id="course-upload">
        <div class="container" id="upload-class">
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">课程名称</strong>
                </div>
                <div class="col-lg-9">
                    <input type="text" class="form-control" id="name" placeholder="请输入课程名称">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">类别选择</strong>
                </div>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option value="">类别名称</option>
                    </select>
                </div>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option value="">父级类别</option>
                    </select>
                </div>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option value="">类别描述</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">价格定位</strong>
                </div>
                <div class="col-lg-2">
                    <input type="text" class="form-control" placeholder="原价">
                </div>
                <div class="col-lg-2">
                    <input type="text" class="form-control" placeholder="优惠价">
                </div>
                <div class="col-lg-2">
                    <input type="text" class="form-control" placeholder="折扣">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">课程描述</strong>
                </div>
                <div class="col-lg-9">
                    <textarea class="form-control" rows="5"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">优惠描述</strong>
                </div>
                <div class="col-lg-9">
                    <textarea class="form-control" rows="2"></textarea>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">优惠开始时间</strong>
                </div>
                <div class="col-lg-2">
                    <input type="text" class="form-control" placeholder="开始日期">
                </div>
                <div class="col-lg-3">
                    <strong class="text-left">优惠结束时间</strong>
                </div>
                <div class="col-lg-2">
                    <input type="text" class="form-control" placeholder="结束日期">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">优惠状态</strong>
                </div>
                <div class="col-lg-3">
                    <select class="form-control">
                        <option value="">未开始</option>
                        <option value="">优惠中</option>
                        <option value="">优惠已过期</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <form>
                    <div class="text-right">
                        <span class="input-group-lg btn btn-primary">提交</span>
                    </div>
                </form>
            </div>
            <!--<div class="row">
                <div class="col-lg-3">
                    <strong class="text-left">测试窗口按钮组</strong>
                </div>
                <div class="col-lg-3">
                    <button class="btn btn-primary" data-toggle="modal" data-target="#Mymodal-comment">评论</button>
                </div>
                <div class="col-lg-3">
                    <button class="btn btn-primary" data-toggle="modal" data-target="#Mymodal-answer">问答</button>
                </div>
                <div class="col-lg-3">
                    <button class="btn btn-primary" data-toggle="modal" data-target="#Mymodal-mark">笔记</button>
                </div>
            </div>-->
        </div>
    </div>
    <div class="row" id="online-video"></div>
</div>
<section class="friendship"></section>
</body>
<script>
    $(window).scroll(function () {
        if ($(".navbar").offset().top > 50) {$(".navbar-fixed-top").addClass("top-nav");
        }else {$(".navbar-fixed-top").removeClass("top-nav");}
    })
    $(function(){

        $('.carousel-control').css('line-height',$('.carousel-inner img').height()+'px');
        $(window).resize(function(){
            var $height = $('.carousel-inner img').eq(0).height()	||
                $('.carousel-inner img').eq(1).height()   ||
                $('.carousel-inner img').eq(2).height();
            $('.carousel-control').css('line-height',$height+'px');
        })
    })
    $(function(){
        $('#myCarousel').carousel({
            interval:3000,
        })
    })

    $('#myModal').modal().css({
        'margin-top': function () {
            return ($(this).height() * 0.5);
        }
    });
    $(function(){
        $("#submit1").click(function(){
            $("#course-contact").show();
            $("#user-information").hide();
            $("#sale-account").hide();
            $("#comment").hide();
            $("#answer").hide();
            $("#course-upload").hide();
            $("#online-video").hide();
        })
        $("#submit2").click(function(){
            $("#course-contact").hide();
            $("#user-information").show();
            $("#sale-account").hide();
            $("#comment").hide();
            $("#answer").hide();
            $("#course-upload").hide();
            $("#online-video").hide();
        })
        $("#submit3").click(function(){
            $("#course-contact").hide();
            $("#user-information").hide();
            $("#sale-account").show();
            $("#comment").hide();
            $("#answer").hide();
            $("#course-upload").hide();
            $("#online-video").hide();
        })
        $("#submit4").click(function(){
            $("#course-contact").hide();
            $("#user-information").hide();
            $("#sale-account").hide();
            $("#comment").show();
            $("#answer").hide();
            $("#course-upload").hide();
            $("#online-video").hide();
        })
        $("#submit5").click(function(){
            $("#course-contact").hide();
            $("#user-information").hide();
            $("#sale-account").hide();
            $("#comment").hide();
            $("#answer").show();
            $("#course-upload").hide();
            $("#online-video").hide();
        })
        $("#submit6").click(function(){
            $("#course-contact").hide();
            $("#user-information").hide();
            $("#sale-account").hide();
            $("#comment").hide();
            $("#answer").hide();
            $("#course-upload").show();
            $("#online-video").hide();
        })
        $("#submit7").click(function(){
            $("#course-contact").hide();
            $("#user-information").hide();
            $("#sale-account").hide();
            $("#comment").hide();
            $("#answer").hide();
            $("#course-upload").hide();
            $("#online-video").show();
        })
        $("#user-info_1").click(function(){
            $(".user-info_1").show();
            $(".user-info_2").hide();
        })
        $("#user-info_2").click(function(){
            $(".user-info_1").hide();
            $(".user-info_2").show();
        })
        $("#flip1").click(function(){
            if($("#panel2").length>0||$("#panel3").length>0||$("#panel4").length>0||$("#panel5").length>0||$("#panel6").length>0){
                $("#panel2").slideUp("fast");
                $("#panel3").slideUp("fast");
                $("#panel4").slideUp("fast");
                $("#panel5").slideUp("fast");
                $("#panel6").slideUp("fast");
                $("#panel1").slideToggle("fast");
            }
        });
        $("#flip2").click(function(){
            if($("#panel1").length>0||$("#panel3").length>0||$("#panel4").length>0||$("#panel5").length>0||$("#panel6").length>0){
                $("#panel1").slideUp("fast");
                $("#panel3").slideUp("fast");
                $("#panel4").slideUp("fast");
                $("#panel5").slideUp("fast");
                $("#panel6").slideUp("fast");
                $("#panel2").slideToggle("fast");
            }
        });
        $("#flip3").click(function(){
            if($("#panel1").length>0||$("#panel2").length>0||$("#panel4").length>0||$("#panel5").length>0||$("#panel6").length>0){
                $("#panel1").slideUp("fast");
                $("#panel2").slideUp("fast");
                $("#panel4").slideUp("fast");
                $("#panel5").slideUp("fast");
                $("#panel6").slideUp("fast");
                $("#panel3").slideToggle("fast");
            }
        });
        $("#flip4").click(function(){
            if($("#panel1").length>0||$("#panel2").length>0||$("#panel3").length>0||$("#panel5").length>0||$("#panel6").length>0){
                $("#panel1").slideUp("fast");
                $("#panel2").slideUp("fast");
                $("#panel3").slideUp("fast");
                $("#panel5").slideUp("fast");
                $("#panel6").slideUp("fast");
                $("#panel4").slideToggle("fast");
            }
        });
        $("#flip5").click(function(){
            if($("#panel1").length>0||$("#panel2").length>0||$("#panel3").length>0||$("#panel4").length>0||$("#panel6").length>0){
                $("#panel1").slideUp("fast");
                $("#panel2").slideUp("fast");
                $("#panel3").slideUp("fast");
                $("#panel4").slideUp("fast");
                $("#panel6").slideUp("fast");
                $("#panel5").slideToggle("fast");
            }
        })
        $("#flip6").click(function(){
            if($("#panel1").length>0||$("#panel2").length>0||$("#panel3").length>0||$("#panel4").length>0||$("#panel6").length>0){
                $("#panel1").slideUp("fast");
                $("#panel2").slideUp("fast");
                $("#panel3").slideUp("fast");
                $("#panel4").slideUp("fast");
                $("#panel5").slideUp("fast");
                $("#panel6").slideToggle("fast");
            }
        });
        $(function(){
            $(".nav-menu").mouseover(function(){
                $(this).children("ul").show()
            })
            $(".nav-menu").mouseout(function(){
                $(this).children("ul").hide()
            })

        })


    })
</script>
</html>